﻿@{
    Page.Title = "";
    Layout = "~/Html/_Layout.cshtml";
}

@section head{
    <script src="../../Scripts/jquery/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui/miniui.js" type="text/javascript"></script>
    <link href="../../Css/miniui-default/miniui.css" rel="stylesheet" />
}

<div id="datagrid1" class="mini-datagrid" style="width: 800px; height: 280px;" allowresize="true" idfield="id" multiselect="true"
 url="http://www.miniui.com/demo/data/AjaxService.aspx?method=SearchEmployees">
    <div property="columns">
        <div type="indexcolumn"></div>        
        <div type="checkcolumn"></div>
        <div field="loginname" width="120" headeralign="center" allowsort="true">员工帐号</div>
        <div field="name" width="120" headeralign="center" allowsort="true">姓名</div>
        <div header="工作信息">
            <div property="columns">
                <div field="dept_name" width="120">所属部门</div>
                <div field="position_name" width="100">职位</div>
                <div field="salary" datatype="currency" currencyunit="￥" align="right" width="100" allowsort="true">薪资</div>
            </div>
        </div>
        <div field="createtime" width="100" headeralign="center" dateformat="yyyy-MM-dd" allowsort="true">创建日期</div>
        <div header="基本信息">
            <div property="columns">
                <div field="gender" width="100" renderer="onGenderRenderer">性别</div>
                <div field="age" width="100" allowsort="true">年龄</div>
                <div field="birthday" width="100" renderer="onBirthdayRenderer">出生日期</div>
                <div field="married" width="100" align="center" renderer="onMarriedRenderer">婚否</div>
                <div field="email" width="100">邮箱</div>
            </div>
        </div>
       @* <div header="学历信息">
            <div property="columns">
                <div field="educational_name" width="100">学历</div>
                <div field="school" width="120">毕业院校</div>
            </div>
        </div>*@
    </div>
</div>


<script type="text/javascript">
    //mini.parse();
    //var grid = mini.get("datagrid1");
    //grid.load();
</script>
